<template>
  <div>
    <calendar-pane :dataList="tableData"
                   @to-down="handleDataDown"
                   @to-right="handleDataRight"></calendar-pane>
  </div>
</template>

<script>

export default {
  name: 'PaneView',
  data () {
    return {
      tableData: [
        {
          list: [
            {
              week: '6',
              day: '04月01日',
              contentList: [
                { sailings: '晚2班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            }
          ],
          index: 0
        },
        {
          list: [
            {
              week: '7',
              day: '04月02日',
              contentList: [
                { sailings: '晚1212班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '1',
              day: '04月03日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '2',
              day: '04月04日',
              contentList: [
                { sailings: '早班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '早班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '早班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '3',
              day: '04月05日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '4',
              day: '04月06日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '5',
              day: '04月07日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '6',
              day: '04月08日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            }
          ],
          index: 1
        },
        {
          list: [
            {
              week: '7',
              day: '04月09日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '1',
              day: '04月10日',
              contentList: [
                { sailings: '晚11班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '2',
              day: '04月11日',
              contentList: [
                { sailings: '晚1212班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '3',
              day: '04月12日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '4',
              day: '04月13日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '5',
              day: '04月14日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '6',
              day: '04月15日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            }
          ],
          index: 2
        },
        {
          list: [
            {
              week: '7',
              day: '04月16日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '1',
              day: '04月17日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '2',
              day: '04月18日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '3',
              day: '04月19日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '4',
              day: '04月20日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '5',
              day: '04月21日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '6',
              day: '04月22日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            }
          ],
          index: 3
        },
        {
          list: [
            {
              week: '7',
              day: '04月23日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '1',
              day: '04月24日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '2',
              day: '04月25日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '3',
              day: '04月26日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '4',
              day: '04月27日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '5',
              day: '04月28日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            },
            {
              week: '6',
              day: '04月29日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            }
          ],
          index: 4
        },
        {
          list: [
            {
              week: '7',
              day: '04月30日',
              contentList: [
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' },
                { sailings: '晚班', status: '休息', startTime: '07:00', endTime: '15:30' }
              ]
            }
          ],
          index: 5
        }
      ]
    }
  },
  methods: {
    handleDataDown (data) {
      console.log(data)
    },
    handleDataRight (data) {
      console.log(data)
    }
  }
}
</script>

<style scoped>

</style>
